<template>
  <div>
    <el-menu
        style="width: 200px; min-height: 100vh"
        :default-active="path"
        router
        class="el-menu-vertical-demo"
    >
      <el-menu-item index="/User">个人信息</el-menu-item>
      <el-menu-item index="/Favorite">商品收藏</el-menu-item>
      <el-menu-item index="/Cart">购物车</el-menu-item>
      <el-menu-item index="/UserOrder">我的订单</el-menu-item>
      <el-menu-item index="/Address">地址管理</el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: "PersonalCenterSidebar",
  data() {
    return {
      path: this.$route.path // 设置菜单栏高亮
    };
  }
};
</script>

<style scoped>

</style>
